<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>each方法</title>
		<script type="text/javascript" src="jquery-3.2.1.min.js" ></script>
		<script>
			$(function(){
				var f=$("#f ul li");
				//alert(f.length);
				//f.css("font-size","40px");
				//$.each(f,function(){});
				f.each(function(i,d){
					//this
					$(d).css("font-size",(10*(i+1))+"px");
					if(i>5)
						return false;//整个循环停止
				});
			});
		</script>
	</head>
	<body>
		<div id="f" >
			<h2>常见的水果有</h2>
			<ul>
				<li>苹果</li>
				<li>榴莲</li>
				<li>葡萄</li>
				<li>梨子</li>
				<li>李子</li>
				<li>栗子</li>
				<li>香蕉</li>
				<li>龙眼</li>
				<li>菠萝</li>
				<li>橙子</li>
				<li>萝卜</li>
				
			</ul>
		</div>
	</body>
</html>
